<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="../../public/css/bootstrap.min.css">
		
		<link rel="stylesheet" href="style.css">
		<script src="../../public/js/vue.js"></script>
		<script src="../../public/js/jquery.min.js"></script>
	<script src="../../public/js/bootstrap.min.js"></script>
		<link rel="icon" href="../../public/images/index/title.jpg">
		<title>收银系统软件、超市收银软件、免费收银软件_生意专家</title>
	</head>

	<body>
		<div id="nav"></div>
		<div class="model model6">
			<div class="text-center" id="model">
				<h1 style="color: white;font-size: 55px">收银记账</h1>
				<h6 style="color: white;font-size: 30px">好生意，从记账开始</h6>
				<a href="" class="btn btn-large" style="color:white;font-family: 'microsoft yahei';height: 50px;padding: 12px 30px;">立即注册</a>
			</div>
		</div>

		<div class="count">
			<div class="col-xs-7">
				<div class="pcad">
					<img src="../../public/images/收银记账/pay-chart.png" width="630px" />
				</div>
			</div>
			<div class="col-xs-5" style="margin-top:40px;padding-left:70px;">
				<div class="pcad" style="padding-left: 20px;">
					<h5>记账，不必算账</h5>
					<p style="margin-bottom: 30px;">有生意专家帮你计算销售额、利润，你就再也不<br /> 必为算账操心，结合图表，既简单，又直观。
					</p>
					<a href="" style="color:#f76e4b ; padding: 13px 10px; font-size: 16px;">注册体验功能 ></a>
				</div>
			</div>
		</div>

		<div class="jizhang" style="margin-top: 70px;">
			<div class="jizhangle">
				<div class="col-xs-4" style="margin: 0;width: 335px;">
					<div class="meme">
						<h5>记账，也在积累会员</h5>
						<p style="margin-bottom: 30px;">抓住顾客在收银台前的机会，收银记账最后一<br /> 步，填写姓名、手机号，就能积累1位会员。
						</p>
						<a href="" style="color:#f76e4b ; padding: 13px 10px; font-size: 16px;">注册体验功能 ></a>
					</div>
				</div>
				<div class="col-xs-8">
					<div class="meme">
						<img src="../../public/images/收银记账/pay-demo-2.png" style="width:800px;height:400px;" />
					</div>
				</div>
			</div>
		</div>

		<div class="count" style="padding-top:30px;height: 400px;">
			<div class="col-xs-7">
				<div class="pcad">
					<img src="../../public/images/收银记账/pay-demo-5.png" width="680px" height="400px" />
				</div>
			</div>
			<div class="col-xs-5" style="margin-top:40px;padding-left:70px;">
				<div class="pcad" style="padding-left: 20px;">
					<h5>感谢短信，顾客信任倍增</h5>
					<p style="margin-bottom: 30px;">“亲爱的李女士，您今日在本店消费270元，累计积分<br /> 1029，本店全体员工感谢您的支持。”
						<br /> 一句消费感谢，换来长久信任。
					</p>
					<a href="" style="color:#f76e4b ; padding: 13px 10px; font-size: 16px;">注册体验功能 ></a>
				</div>
			</div>
		</div>

		<div class="bgpay">
			<div class="bgpaym">
				<div class="col-xs-12 text-center">
					<div class="bgtitle">
						<h5>支持多种外接设备</h5>
						<p>生意专家支持扫码抢、小票打印机、刷卡器等外接设备，在生意专家的在线商城，直接选购这些设备，享受优惠。</p>
						<a href="" style="color:#f76e4b ; padding: 13px 10px; font-size: 16px;">注册体验功能 ></a>
					</div>
				</div>
				<div class="col-xs-12 text-center">
					<div class="bgtitle">
						<img src="../../public/images/收银记账/demo-device.jpg" height="100%" />
					</div>
				</div>
			</div>
		</div>

		<div class="count payway" style="padding-top:90px;">
			<div class="col-xs-7">
				<div class="pcad">
					<img src="../../public/images/收银记账/pay-way.png" height="400px" width="604px"/>
				</div>
			</div>
			<div class="col-xs-5" style="margin-top:40px;padding-left:70px;">
				<div class="pcad" style="padding-left: 20px;">
					<h5>支持多种收银方式</h5>
					<p style="margin-bottom: 30px;">无商品收银、有商品收银、赊账收银、暂结账、<br /> 挂单收银、支付宝收银满足不同商户的结账需求。
					</p>
					<a href="" style="color:#f76e4b ; padding: 13px 10px; font-size: 16px;">注册体验功能 ></a>
				</div>
			</div>
		</div>
<div class="clear"></div>
		<div class="paylist"id="pay" style="position: relative;top:0px;">
			<div class="paywaylist text-center" >
				<div class="payrow"  >
					<h4>收银记账——你想要的，应有尽有</h4>
					<div  class="col-xs-3 text-center" v-for='item in ways' style="width: 234px;">
						<img :src="item.img" width="74px"/>
						<h5 style="margin: 18px auto 30px auto;">{{item.h5}}</h5>
					</div>
				</div>
			</div>
		</div>
		<div id="footer1" class="footerss"></div>
		<div id="footer2" class="footerss"></div>
		
		 <script src="nav.js"></script>
		<script>
			$('#nav').load('nav.html')
		
			$('#footer1').load('footer1.html')
			$('#footer2').load('footer2.html')
			
			new Vue({
				el:'#pay',
				data:{
					ways:[
					  {
					  	img:'../../public/images/收银记账/pay-01.png',
					  	h5:'多种支付方式'
					  },
					  {
					  	img:'../../public/images/收银记账/pay-02.png',
					  	h5:'消费感谢短信'
					  },
					  {
					  	img:'../../public/images/收银记账/pay-03.png',
					  	h5:'先卖货，后续补录入库'
					  },
					  {
					  	img:'../../public/images/收银记账/pay-04.png',
					  	h5:'过往销售，支持补录'
					  },
					  {
					  	img:'../../public/images/收银记账/pay-05.png',
					  	h5:'服务业，先挂单后结账'
					  },
					  {
					  	img:'../../public/images/收银记账/pay-06.png',
					  	h5:'支持蓝牙打印小票'
					  },
					  {
					  	img:'../../public/images/收银记账/pay-07.png',
					  	h5:'销售分析'
					  },
					  {
					  	img:'../../public/images/收银记账/pay-08.png',
					  	h5:'灵活调整商品折扣'
					  },
					  {
					  	img:'../../public/images/收银记账/pay-09.png',
					  	h5:'餐饮业，流水单号管理'
					  },
					  {
					  	img:'../../public/images/收银记账/pay-10.png',
					  	h5:'找零、抹零'
					  }
					  
					]
				}
			})
		</script>
	</body>

</html>